<div class="boxinsert">
	<div class="boxinsert pd6">
		<div class="boxinsert_title fleft"><?=$titles;?></div>
		<div class="fleft mleft300" id="message" style="margin-top:0px;"></div>
		<div class="clear"></div>
	</div>
	<!--Row-->
	<div class="rows mtop10">
		<div class="fleft mleft5 ">
			<div class="fleft mleft5">
				<div class="fleft"><label class="w125 fleft mtop5">Ngày giao ban:(<span class="err">*</span>)</label></div>
				<div class="fleft w188" style="margin-left:-5px;">
					<input id="ngaygiaoban" class="insert input w180" />
				</div>
			</div>
		</div>
		<div class="fleft mleft30">
			<div class="fleft"><label class="w150 fleft mtop5">Người kết luận:(<span class="err">*</span>)</label></div>
			<div class="fleft w188">
				<?=$nguoiketluans;?>
			</div>
		</div>
		<div class="fright mright5">
			<div class="fleft"><label class="w130 fleft mtop5">Loại kết luận:(<span class="err">*</span>)</label></div>
			<div class="fleft w188">
				<?=$loaiketluans;?>
			</div>
		</div>
	</div><!--E Row-->
	<!--Row-->
	<div class="rows mtop10">
		<div class="fleft mleft5 ">
			<div class="fleft mleft5">
			<div class="fleft"><label class="w125 fleft mtop5">Loại giao ban:(<span class="err">*</span>)</label></div>
			<div class="fleft w188" style="margin-left:-5px;">
				<?=$loaigiaobans;?>
			</div>
			</div>
		</div>
		<div class="fleft mleft30">
			<div class="fleft"><label class="w150 fleft mtop5">Loại kết luận khác:</label></div>
			<div class="fleft w188"><input id="ketluankhac" class="insert input w180" /></div>
		</div>
		<div class="fright mright5">
			<div class="fleft"><label class="w130 fleft mtop5">Số văn bản:(<span class="err">*</span>)</label></div>
			<div class="fleft w188"><input id="sovanban" class="insert input w180" /></div>
		</div>
	</div><!--E Row-->
	<!--Row-->
	<div class="rows mtop10">
		<div class="fleft mleft5 ">
			<div class="fleft mleft5">
				<div class="fleft"><label class="w125 fleft mtop5">Chủ trì:(<span class="err">*</span>)</label></div>
				<div class="fleft w188" style="margin-left:-5px;">
					<?=$chutris;?>
				</div>
			</div>
		</div>
		<div class="fleft mleft30">
			<div class="fleft"><label class="w150 fleft mtop5">Phòng ban thực hiện:(<span class="err">*</span>)</label></div>
			<div class="fleft w188">
			<?=$phongbans;?>
			</div>
		</div>
		<div class="fright mright5">
			<div class="fleft"><label class="w130 fleft mtop5">Ngày hoàn thành:(<span class="err">*</span>)</label></div>
			<div class="fleft w188"><input id="ngayhoanthanh" class="insert input w180" /></div>
		</div>
	</div><!--E Row-->
	<!--Row-->
	<div class="rows mtop10">
		<div class="fleft mleft5 ">
			<div class="fleft mleft5">
				<div class="fleft"><label class="w125 fleft mtop5">Trọng số điểm:(<span class="err">*</span>)</label></div>
				<div class="fleft w188" style="margin-left:-5px;">
					<input id="trongsodiem" type="number" value="0.5" class="insert input w180" />
				</div>
			</div>
		</div>
		<div class="fleft mleft30">
			<div class="fleft"><label class="w150 fleft mtop5">Trung tâm thực hiện:(<span class="err">*</span>)</label></div>
			<div class="fleft w188">
			<?=$trungtams;?>
			</div>
		</div>
		<div class="fright mright5">
			<div class="fleft"><label class="w130 fleft mtop5">Trùng với KLGB:</label></div>
			<div class="fleft w188"><input id="trungketluan" class="insert input w180" /></div>
		</div>
	</div><!--E Row-->
	<!--Row-->
	<div class="rows mtop10">
		<div class="fleft mleft5 ">
			<div class="fleft mleft5">
			<!--	<div class="fleft"><label class="w125 fleft mtop5">Ghi chú lần gia hạn:</label></div> -->
				<div class="fleft"><label class="w125 fleft mtop5">Ghi chú lần gia hạn:</label></div> 
					<div class="fleft w188" style="margin-left:-5px;">
						<input type="hidden" id="macongvangiahan" class="insert input w180" />
				</div>
			</div>
		</div>
		<div class="fleft mleft30">
			<div class="fleft"><label class="w150 fleft mtop5">Nhân viên chuyên quản:(<span class="err">*</span>)</label></div>
			<div class="fleft w188">
				<?=$nvchuyenquans;?>
			</div>
		</div>
		<div class="fright mright5">
		<!--	<div class="fleft"><label class="w130 fleft mtop5">Hình thức kết luận:</label></div> -->
			<div class="fleft w188"><input type="hidden" id="hinhthucketluan" class="insert input w180" /></div>
		</div>		
	</div><!--E Row-->
	<div class="rows mtop10">
		<div class="fleft mleft5">
			<div class="fleft"><label class="w125 fleft mtop5">Nội dung kết luận Chính:(<span class="err">*</span>)</label></div>
			<div class="fleft">
				<textarea id="noidung" class="editor_noidung"></textarea>
			</div>
		</div>
	</div>
	<div class="rows mtop10">
		<div class="fleft mleft5">
			<div class="fleft"><label class="w125 fleft mtop5">Ghi chú:</label></div>
			<div class="fleft w188" >
				<textarea id="ghichu" class="editor_ghichu"></textarea>
			</div>
		</div>
	</div>
	<!--Row-->
	<div class="rows mtop10" style="border-top:1px dashed #999;">
		<div class="fleft mleft5 mtop20">
			<table id="addrow">
				<tr>
					<td class="w120">Nội dung KLGB phụ:</td>
					<td ><textarea cols="40" rows="4" name="yctp" class="insert2"></textarea>
						<input type="hidden" class="idsub" value="" /></td>
					</td>
					<td width="80" align="right">Phòng ban:</td>
					<td>
						<select style='width:158px; height:26px;' class='combo phongbans2'>
							<option value=''>Chọn phòng ban...</option>
							<?php foreach($phongbans2s as $k=>$v){?>
							<option  value='<?=$k;?>'><?=$v;?></option>
							<?php }?>
						</select>
					</td>
					<td class="w120" style="padding-left:10px;">Ngày hoàn thành:</td>
					<td><input class="input ngayhoanthanh2" style="width:100px;" /></td>
					<td><span><img id="click" src="<?=url_tmpl()?>img/addicon.png" style="margin-top:2px; margin-left:10px; width:20px; height:20px;" /></span></td>
				</tr>
			</table>
		</div>
		<div class="clear"></div>
	</div><!--E Row-->
	<div class="clear"></div>
</div>
<div class="boxinsert">
	<div class="fright">
		<div id="back" class="btn fright mleft5"><span class="fleft icon icon-delete"></span><span class="fleft">Trở lại</span></div>
		<div id="saves" class="btn fright mleft5"><span class="fleft icon icon-add"></span><span class="fleft">Lưu</span></div>
	</div>
	<div class="clear"></div>
</div>
<div class="clear"></div>
<script type="text/javascript" src="<?=url_tmpl()?>tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="<?=url_tmpl()?>js/giaoban.js"></script>
<script type="text/javascript">
	var url = "<?=url_tmpl()?>img/deleteicon.png";
	var drop = "<select style='width:158px; height:26px;' class='combo phongbans2'><option value=''>Chọn phòng ban...</option><?php foreach($phongbans2s as $k=>$v){?><option  value='<?=$k;?>'><?=$v;?></option><?php }?></select>";
				var html = "<tr><td class='w120'>Thêm nội dung:</td><td><textarea cols='40' rows='4' name='yctp' class='insert2'></textarea><input type='hidden' class='idsub' value='' /></td><td width='80' align='right'>Phòng ban:</td><td>"+drop+"</td></td> <td class='w120' style='padding-left:10px;'>Ngày hoàn thành:</td><td><input  class='input ngayhoanthanh2' style='width:100px;' /></td><td align='left'><img style='margin-top:2px; margin-left:10px; width:20px; height:20px;' src='"+url+"' class='xoa' /></tr>";
	event_click = function(){
			$('#click').click(function(){
				$('#addrow').append(html);
				//event_click();
					$(".ngayhoanthanh2").datepicker({
						changeMonth: true,
						changeYear: true,
						yearRange: '<?php echo date('Y')-2;?>:<?php echo date('Y');?>',
						dateFormat: 'dd-mm-yy',
						//defaultDate: +7,
						monthNamesShort: ['Tháng 1','Tháng 2','Tháng 3','Tháng 4','Tháng 5','Tháng 6','Tháng 7','Tháng 8','Tháng 9','Tháng 10','Tháng 11','Tháng 12'],
						dayNamesMin: ['CN', 'T2', 'T3', 'T4', 'T5', 'T6', 'T7'],
						dayNames: ['Chủ nhật', 'Thứ hai', 'Thứ ba', 'Thứ tư', 'Thứ năm', 'Thứ sáu', 'Thứ bảy']
					});
					xoadong();
			});	
	};
	xoadong = function(){
		$('.xoa').each(function(i){
			$(this).bind("click",function(){
				$(this).parent().parent().remove();
					xoadong();	   
			})
		});
	};
	$(function(){
		event_click();
	});	
	$(function(){
		$("#loaikls").multipleSelect({
				filter: true,
				single:true,
				placeholder:"Chọn loại kết luận..."
			}); 
			$("#chutris").multipleSelect({
				filter: true,
				single:true,
				placeholder:"Chọn chủ trì..."
			}); 
			$("#phongbans").multipleSelect({
				filter: true,
				placeholder:"Chọn phòng ban..."
			});
			$("#trungtams").multipleSelect({
				filter: true,
				placeholder:"Chọn trung tâm..."
			});
			$("#nvchuyenquans").multipleSelect({
				filter: true,
				//single:true,
				placeholder:"Chọn chuyên quản..."
			}); 
			$("#loaigiaoban").multipleSelect({
				filter: true,
				single:true,
				placeholder:"Chọn loại giao ban..."
			});
			$("#nguoiketluan").multipleSelect({
				filter: true,
				single:true,
				placeholder:"Chọn người kết luận..."
			}); 
			$("#loaikls,#phongbans,#trungtams,#chutris,#nvchuyenquans,#loaigiaoban,#nguoiketluan").multipleSelect('uncheckAll');
			$("#ngaygiaoban, #ngayhoanthanh, .ngayhoanthanh2").datepicker({
				changeMonth: true,
				changeYear: true,
				yearRange: '<?php echo date('Y')-2;?>:<?php echo date('Y');?>',
				dateFormat: 'dd-mm-yy',
				//defaultDate: +7,
				monthNamesShort: ['Tháng 1','Tháng 2','Tháng 3','Tháng 4','Tháng 5','Tháng 6','Tháng 7','Tháng 8','Tháng 9','Tháng 10','Tháng 11','Tháng 12'],
				dayNamesMin: ['CN', 'T2', 'T3', 'T4', 'T5', 'T6', 'T7'],
				dayNames: ['Chủ nhật', 'Thứ hai', 'Thứ ba', 'Thứ tư', 'Thứ năm', 'Thứ sáu', 'Thứ bảy']
			});
			$("#back").click(function(){
				window.location = "<?=base_url()?>klgb.html";	
			});			
			function escape (key, val) {
				if (typeof(val)!="string") return val;
				return val      
					.replace(/[\\]/g, '\\\\')
					.replace(/[\/]/g, '\\/')
					.replace(/[\b]/g, '\\b')
					.replace(/[\f]/g, '\\f')
					.replace(/[\n]/g, '\\n')
					.replace(/[\r]/g, '\\r')
					.replace(/[\t]/g, '\\t')
					.replace(/[\"]/g, '\\"')
					.replace(/\\'/g, "\\'");
			}			
			$("#saves").click(function(){
				var hople = 0;
				var ndloi = "";
				var $search = '{';
				$(".insert").each(function(){
						$name = $(this).attr('id');
						$val = $(this).val();
						$search+='"'+$name+'":"'+$val+'",';
				}); 
				var loaikls = $('#loaikls').multipleSelect('getSelects');
				if(typeof loaikls === 'object'){
					loaikls = '';
				}
				var chutris = $('#chutris').multipleSelect('getSelects');
				if(typeof chutris === 'object'){
					chutris = '';
				}
				var nvchuyenquans = $('#nvchuyenquans').multipleSelect('getSelects');
				if(typeof nvchuyenquans === 'object'){
					nvchuyenquans = '';
				}
				var phongbans = $('#phongbans').multipleSelect('getSelects');
				if(typeof phongbans === 'object'){
					phongbans = '';
				}
				var trungtams = $('#trungtams').multipleSelect('getSelects');
				if(typeof trungtams === 'object'){
					trungtams = '';
				}
				var loaigiaoban = $('#loaigiaoban').multipleSelect('getSelects');
				if(typeof loaigiaoban === 'object'){
					loaigiaoban = '';
				}
				var nguoiketluan = $('#nguoiketluan').multipleSelect('getSelects');
				if(typeof nguoiketluan === 'object'){
					nguoiketluan = '';
				}
				var noidung = tinyMCE.get('noidung').getContent();//tinyMCE.activeEditor.getContent();
				var ghichu = tinyMCE.get('ghichu').getContent();
				$search+= '"nguoiketluan":"'+nguoiketluan+'","loaikl":"'+loaikls+'","chutri":"'+chutris+'","nvchuyenquan":"'+nvchuyenquans+'","loaigiaoban":"'+loaigiaoban+'"}';
				//message
				if($("#ngaygiaoban").val() == ""){
					ndloi = "Ngày giao ban không được trống";
					$("#ngaygiaoban").focus();					
				} else if(nguoiketluan == ""){
					ndloi = "Người kết luận không được trống";
				} else if(loaikls == ""){
					ndloi = "Loại kết luận không được trống";
				} else if(loaigiaoban == ""){
					ndloi = "Loại giao ban không được trống";
				} else if($("#sovanban").val() == ""){
					ndloi = "Số văn bản không được trống";
					$("#sovanban").focus();
				} else if(chutris == ""){
					ndloi = "Chủ trì không được trống";
				} else if(phongbans == "" && trungtams==""){
					ndloi = "Phòng ban thực hiện hoặc trung tâm thực hiện không được trống";
				} else if($("#trongsodiem").val() == ""){
					ndloi = "Trọng số điểm không được trống";
					$("#trongsodiem").focus();					
				} else if(nvchuyenquans == ""){
					ndloi = "Chuyên quản không được trống";
				} else if($("#ngayhoanthanh").val() == ""){
					ndloi = "Ngày hoàn thành không được trống";
					$("#ngayhoanthanh").focus();
				} else if(noidung == ""){
					ndloi = "Nội dung không được trống";
				} else {
					var res1 = $("#ngaygiaoban").val().split("-");
					var res2 = $("#ngayhoanthanh").val().split("-");
					var ngb = new Date(res1[2], res1[1], res1[0]); //Year, Month, Date
					var nht = new Date(res2[2], res2[1], res2[0]); //Year, Month, Date				
					if (ngb > nht) {					
						ndloi = "Ngày giao ban không được lớn hơn ngày hoàn thành";
					} else {
						hople=1;
					}
				}
				
				if(hople==1) {
					//Them noi dung
					var searchs = '{'; var idsub; var val; var pb; var nht;
					$(".insert2").each(function(e){
							idsub = $(this).attr('idsub');
							val = $(this).val();
							pb = $(".phongbans2").eq(e).val();
							nht = $(".ngayhoanthanh2").eq(e).val();
							searchs+='"'+e+'":"'+val+'_x_'+pb+'_x_'+nht+'",';
					});
					searchs+= '"xxx":""}';
					console.log(searchs);
					searchs = JSON.stringify(searchs,escape);
					$search = JSON.stringify($search,escape);
					console.log(searchs);
					var links = '<?=base_url()?>klgb/save';
					 $.ajax({
						  url:links,
						  async: false,
						  type: 'POST',
						  data:{id:"",obj:$search,phongban:phongbans,trungtam:trungtams,noidung:noidung,ghichu:ghichu,searchs:searchs},
						  success:function(data) {
							 if(data==1){
								mgstc("Thêm mới thành công");
								$(".insert2").val('');
								//$(".insert").val('');
								$("#phongbans").multipleSelect('uncheckAll');
								return false;
							 }
							 else{
								mgstcloi('Thêm mới thất bại');
								return false;
							 }
						  }
					});
				} else {
					mgstcloi(ndloi);
				}
				
			});
	});
	editor_noidung();
	editor_ghichu();
	
</script>
<script type="text/javascript" src="<?=url_tmpl()?>multipleselect/jquery.multiple.select.insert.js"></script>
<link rel="stylesheet" type="text/css" href="<?=url_tmpl()?>multipleselect/multiple-select.css"/>